<%-- 
    Document   : find_OE
    Created on : 09-04-2012, 03:31:30 PM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
<jsp:include page="includeCSSjs.jsp"/>
<script>

	function onTableClick(codigoAlumno) {
		$("#codigoAlumno").val(codigoAlumno);

		showEdit();

	}

	function showEdit() {
		$(".editbutton_div").hide("fast");
		$(".button_div").hide("slow");
		$(".editbutton_div").show("slow");

	}
</script>
<body>
    
    <div id="container">

<!-- Aqui va el munu -->
<jsp:include page="menu.jsp" />
<div id="content">

  <div id="top">
		<h2 class="divTextoEncabezado">Alumnos Encargado</h2>
  </div>
<form:form action="" method="POST" class="form" commandName="hijo">
	<form:hidden path="codigoAlumno" id="codigoAlumno"/>

<center>
		
	<div class="editbutton_div" style="display: none">
		
		<input name="Submit" type="submit" value="Notas Periodo" class="buttons" 
		onclick="edit('hijo','findPromPeriodoEnc')" />
	</div>
								
</center>
</form:form>

		<!-- Extreme Table  -->
<c:if test="${!empty alumnoEList}">
 		<ec:table 
    items="alumnoEList"
    action="${pageContext.request.contextPath}/findAlumEncargado"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres" 
      >
             
    <ec:row highlightRow="true"
   onclick="onTableClick(
      						'${pageScope.pres.id.codigoAlumno}'
      						);"
  >      
      <ec:column property="id.nombreAlumno"  title="Alumno"/>
      <ec:column property="id.codigoAlumno"  title="Usuario"/>
      <ec:column property="id.nombreParentesco"  title="Parentesco"/>
      
    </ec:row>
  </ec:table>
</c:if>
</div>
</div>
    </body>
</html>
